<%@page import="Proxies.EnumVisibilidad"%>
<%@page import="Proxies.DataUsuario"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="javax.swing.text.DateFormatter"%>
<%

    DataUsuario usr = (DataUsuario) session.getAttribute("usr");
    Calendar fecha = usr.getFechaNac().toGregorianCalendar();
    int dia = fecha.get(Calendar.DATE);
    int mes = fecha.get(Calendar.MONTH)+1;
    int anio = fecha.get(Calendar.YEAR);
    

%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="Estilos/estilos.css"/>
        <script type="text/javascript" src ="js/funciones.js"></script>
        <script type="text/javascript" src ="js/ajax.js"></script>
        <link rel="shortcut icon" href="Media/images/favicon.ico"/>
        <title>RED - Modificar usuario</title>
        <script>
            function enviarNotif(not){
                
                var but = document.getElementById('notificarButton');
                
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                /*xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
                    }
                }*/
                xmlhttp.open("GET","notificaciones.jsp?q="+not,true);
                xmlhttp.send();
                if (not=='true'){
                    but.value = 'Dejar de recibir notificaciones';
                    but.name = 'false';
                } else {
                    but.value = 'Recibir notificaciones';
                    but.name = 'true'
                }
                window.alert("Se ha cambiado la opción de notifiación al usuario correctamente");
            }
        </script>
    </head>
    <body>
        <jsp:include page="header.jsp"/>
        <h1>Modificar datos del usuario</h1>
        <%
            if (session.getAttribute("error") != null)
                if (session.getAttribute("error").toString() == "true") {
        %>
        <div id="wrapper">
            <center>
                <div class="error">
                    <b>Oops!! Escritura Incorrecta.</b>
                    <p>
                        ¡¡Hay un error en el registro de usuario!!
                    </p>
                </div>
            </center>
            <% }%>

            <div id="modificarDatosUsr">
                <form id="formModificar" action="controlModifUsr.jsp" method="POST" >
                    <fieldset>
                        <legend><b>DATOS DEL USUARIO</b></legend>
                        <label>Nombre:</label><br/>
                        <input class="inputRegistro" type="text" name="nombre" id="jtext_nombre" autofocus="" value="<%=usr.getNombre()%>"/><br/>

                        <label>Pais:</label><br/>
                        <input class="inputRegistro" type="text" name="pais" id="jtext_pais" value="<%=usr.getPais()%>"/><br/>

                        <label>Ciudad:</label><br/>
                        <input class="inputRegistro" type="text" name="ciudad" id="jtext_ciudad" value="<%=usr.getCiudad()%>"/><br/>

                        <label>Contraseña:</label><br/>
                        <input class="inputRegistro" type="password" name="password1" id="jtext_pass1" value="<%=usr.getContrasena()%>"/><br/>

                        <label>Vuelva a escribir su contraseña:</label><br/>
                        <input class="inputRegistro" type="password" name="password2" id="jtext_pass2" value="<%=usr.getContrasena()%>"/><br/>

                        <label>Imagen:</label><br/>
                        <input class="inputRegistro" type="text" name="img" id="jtext_img" value="<%=usr.getImagen()%>"/><br/>

                        <label>Nivel de visibilidad:</label><br/>
                        <select form="formModificar" name="visibilidad">
                            <option value="PUBLICO"
                                    <%
                                        if (usr.getNivelVisibilidad().equals(EnumVisibilidad.PUBLICO)) {
                                    %>
                                    selected=""
                                    <% }%>

                                    >PUBLICO</option>
                            <option value="PARCIAL"
                                    <%
                                        if (usr.getNivelVisibilidad().equals(EnumVisibilidad.PARCIAL)) {
                                    %>
                                    selected=""
                                    <% }%>
                                    >PARCIAL</option>
                            <option value="PRIVADO"
                                    <%
                                        if (usr.getNivelVisibilidad().equals(EnumVisibilidad.PRIVADO)) {
                                    %>
                                    selected=""
                                    <% }%>
                                    >PRIVADO</option>
                        </select><br/><br/>

                        <label>Sexo:</label><br/>
                        <input type="radio" name="sexo" value="M" 
                               <%
                                   if (usr.getSexo().equals("M")) {
                               %>
                               checked=""
                               <% }%> /> Varón<br/>
                        <input type="radio" name="sexo" value="F"
                               <%
                                   if (usr.getSexo().equals("F")) {
                               %>
                               checked=""
                               <% }%> /> Mujer<br/><br/>

                        <label>Fecha de nacimiento:</label>
                        <select form="formModificar" name="fechaNacDia">
                            <%
                                for (int i = 1; i <= 31; i++) {
                                    out.print("<option value=\"" + i + "\" ");
                                    if (dia == i){
                                        out.print("selected=\"selected\"");
                                    }
                                    out.print(">" + (i < 10 ? "0" + i : i) + "</option>\n");
                                }
                            %>
                        </select>
                        <select form="formModificar" name="fechaNacMes">
                            <%
                                for (int i = 1; i <= 12; i++) {
                                    out.print("<option value=\"" + i + "\" ");
                                    if (mes == i){
                                        out.print("selected=\"selected\"");
                                    }
                                    out.print(">" + (i < 10 ? "0" + i : i) + "</option>\n");
                                }
                            %>
                        </select>
                        <select form="formModificar" name="fechaNacAnio">
                            <%
                                for (int i = 1900; i <= 2010; i++) {
                                    out.print("<option value=\"" + i + "\" ");
                                    if (anio == i){
                                        out.print("selected=\"selected\"");
                                    }
                                    out.print(">" + i + "</option>\n");
                                }
                            %>
                        </select><br/><br/>


                        <input type="reset" value="Borrar campos"/>
                        <input type="button" value="Modificar datos usuario" onclick="chequearModificar(event);"/>
                    </fieldset>
                </form>
            </div>
            <div id="notificacionesUsr">
                <fieldset>
                    <legend><b>NOTIFICACIONES</b></legend>
                    <span>Recibir notifiacaciones via email:&nbsp;&nbsp;</span>
                    <input type="button" id="notificarButton" onclick="enviarNotif(this.name)"
                           <%
                               if (usr.isNotificar()) {
                                   out.println("value=\"Dejar de recibir notificaciones\"");
                                   out.println("name=\"false\"");
                               } else {
                                   out.println("value=\"Recibir notificaciones\"");
                                   out.println("name=\"true\"");
                               }
                           %>/><br/><br/>
                </fieldset>
            </div>
        </div>
        <jsp:include page="footer.jsp"/>
    </body>
</html>
